import { App } from 'vue'
import {
  Button,
  List,
  CellGroup,
  Cell,
  Tabbar,
  TabbarItem,
  Form,
  Field,
  Checkbox,
  Icon,
  Tabs,
  Tab,
  Skeleton,
  Image,
  Divider,
  Dialog,
  Uploader,
  Popover,
  Search,
  Col,
  Row,
  Toast,
  Overlay,
  DropdownMenu,
  DropdownItem,
  Lazyload,
  ImagePreview,
  NavBar,
  Grid,
  GridItem,
  Badge,
  Progress,
  Collapse,
  CollapseItem,
  Steps,
  Step,
  Sticky,
} from 'vant'

export default (app: App<Element>) => {
  app.use(Steps)
    .use(Step)
    .use(Sticky)
    .use(Collapse)
    .use(CollapseItem)
    .use(Progress)
    .use(Badge)
    .use(Grid)
    .use(GridItem)
    .use(Button)
    .use(Col)
    .use(Row)
    .use(List)
    .use(CellGroup)
    .use(Cell)
    .use(Tabbar)
    .use(TabbarItem)
    .use(Form)
    .use(Field)
    .use(Checkbox)
    .use(Icon)
    .use(Tab)
    .use(Tabs)
    .use(Skeleton)
    .use(Image)
    .use(Divider)
    .use(Dialog)
    .use(Uploader)
    .use(Popover)
    .use(Search)
    .use(Toast)
    .use(Overlay)
    .use(DropdownMenu)
    .use(DropdownItem)
    .use(Lazyload)
    .use(ImagePreview)
    .use(NavBar)
}
